<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的博友</title>
    <link rel="stylesheet" type="text/css" href="public/styles/indexBasis.css">
    <link rel="stylesheet" type="text/css" href="public/styles/homePageBasis.css">
</head>
<body>
<div class="main_wrapper">
    <!--页头-->
    <header class="head">
        <div class="Top">
            <nav>
                <div class="logo">
                    <a href="#"><img src="public/images2/LOGO.png"/></a>
                </div>
                <div class="top_nav">
                    <ul>
                        <li ><a href="index.html">首页</a></li>
                        <li ><a href="world.html">世界</a></li>
                        <li ><a href="message.html">消息</a></li>
                    </ul>
                </div>
                <!--搜索框-->
                <div class="search_bar">
                    <form method="GET" action="search.html">
                        <input type="text" placeholder="搜索从这里开始..." class="search_box" name="search" id="search_box">
                        <input type="submit" class="search_sub" id="search_sub" value=" ">
                    </form>
                </div>
                <!--用户-->
                <div class="user">
                    <ul>
                        <li><img src="public/images2/logo.png"/></li>
                        <li><span><a href="homePage-Blog.html">吴亦凡</a></span></li>
                    </ul>
                </div>
                <!--设置-->
                <div class="setting">
                    <img src="public/images2/set01.png"/>
                </div>
                <div class="setting_select">
                    <ul>
                        <li><a class="draftBox">草稿箱</a></li>
                        <li><a href="changeinfo.html">资料设置</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="draftContent">
            <div class="draft_title">草稿箱</div>
            <div class="draftClose" title="关闭草稿箱"><img src="public/images2/del.png"/></div>
            <section>
                <div class="draft_time">2017-12-11</div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
            </section>
            <section>
                <div class="draft_time">2017-12-10</div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
            </section>

        </div>
    </header>
    <!--内容-->
    <div class="content">
        <div class="top_banner">
            <img src="public/images/myphoto.jpg" alt="">
            <h1>_SUYI-CHAN</h1>
            <a id="introduce" href="javascript:showIntroduce();">
                一句话介绍一下自己吧，让别人更了解你
            </a>
        </div>
        <div class="content_bar">
            <ul>
                <li><a href="home.html" id="blog" >博文</a></li>
                <li><a href="album.html" id="album">相册</a></li>
                <li><a class="current" id="friend">博友</a></li>
                <!--两个选择（不过我合并了）-->
                    <div class="friend_select" id="friend_select">
                    <ul>
                        <li><a id="my_Concern">我关注的</a></li>
                        <li><a id="concern_Me">关注我的</a></li>
                    </ul>
                </div>
                <li><a href="likeme.html" id="likeme">我的赞</a></li>
                <li><a href="info.html" id="info">关于我</a></li>
            </ul>
        </div>
        <div class="moment">
            <div class="list_One" id="fri">
                <!--我关注了别人、别人没关注我-->
                <section id="section1">
                    <div class="friend_pic"><img src="public/images/myphoto.jpg" height="640" width="640"/></div>
                    <div class="friend_name">王俊凯</div>
                    <div class="friend_message" >发私信</div>
                    <div class="friend_intro">我就是我，不一样的烟火哈哈哈哈哈哈哈</div>
                    <div class="friend_ship" id="friend_ship1" onclick="showFriendAbout(1)">已关注</div>
                    <div class="friend_about" id="friend_about1" onclick="hideFriendAbout(1)">
                        <ul>
                            <li><a onclick="noShip(1)">取消关注</a></li>
                        </ul>
                    </div>
                </section>
                <!--我没关注别人、别人关注我-->
                <section id="section1001">
                    <div class="friend_pic"><img src="public/images/myphoto.jpg" height="640" width="640"/></div>
                    <div class="friend_name">陈伟霆</div>
                    <div class="friend_message showChatBox" >发私信</div>
                    <div class="friend_intro">我就是哈哈哈哈哈哈哈</div>
                    <div class="friend_ship" id="friend_ship1001" onclick="showFriendAbout(1001)">未关注</div>
                    <div class="friend_about" id="friend_about1001" onclick="hideFriendAbout(1001)">
                        <ul>
                            <li><a onclick="addConcern(1001)" id="addFans1001">加关注</a></li>
                            <li><a onclick="noFans(1001)" id="noFans1001">移除粉丝</a></li>
                        </ul>
                    </div>
                </section>
            </div>
        </div>

        <!--遮罩-->

    </div>
    <!--返回顶部按钮-->
    <button class="backTop"></button>
    <!--页脚-->
    <footer>
        <ul class="share_group">
            <li><a href="#">关于FODIA</a></li>
            <li><a href="#">手机玩FODIA</a></li>
            <li><a href="#">认证&合作</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <div class="copy">
            &copy FODIA- 2017 | Power By Fodia
        </div>
    </footer>
    <!--转载提示弹出框-->
    <div class="tip_dialog" id="tip">

    </div>
    <!--遮罩-->
    <div class="mask"></div>

    <!--简介弹出框-->
    <div class="int_mask" id="int_mask" onselectstart="return false"></div>
    <div class="int_dialog" id="int_dialog">
        <div class="int_dialogTitle" id="int_dialogTitle">
            请输入你的简介
            <a onclick="hideIntroduce()" class="int_dialogTitleCloseButton">
                <img src="public/images2/del.png"/></a>
        </div>
        <div class="int_dialogContent">
            <form method="post" action="">
                <textarea name="brief" id=""  placeholder="请输入你的简介……" class="inputIntro"></textarea>
                <input type="button" value=" " onclick="changeBrief(this)" class="submitIntro">
            </form>
        </div>
    </div>

    <!--聊天对话框-->
    <div class="chatBox">
        <div class="friID">李易峰</div>
        <div class="delChat">删除记录</div>
        <div class="closeChat" title="关闭对话框"><img src="public/images2/answer-del.png"/></div>
        <!--背景-->
        <div class="bg"></div>
        <div class="chatList">
            <!--回复时间-->
            <div class="chatTime">2017-12-19 10:51</div>
            <!--好友-->
            <section class="friend">
                <div class="pic"><img src="public/images2/CC.png"/></div>
                <div class="word">交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！</div>
            </section>
            <!--本人-->
            <section class="me">
                <div class="word">你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？</div>
                <div class="pic"><img src="public/images/myphoto.jpg"/></div>
            </section>
            <div class="chatTime">2017-12-19 11:51</div>
            <section class="friend">
                <div class="pic"><img src="public/images2/CC.png"/></div>
                <div class="word">交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！
                    交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！
                    交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！交个朋友吧！</div>
            </section>
            <section class="me">
                <div class="word">你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？你有绿箭吗？</div>
                <div class="pic"><img src="public/images/myphoto.jpg"/></div>
            </section>
        </div>
        <div class="inputBox">
            <form action="" method="post">
                <textarea name="content" id="chatContent" class="inputWord"></textarea>
                <input type="button" onclick="sendChat()" name="submit" id="sendChatButton" value="" class="sendWord">
            </form>
        </div>
    </div>

</div>
</body>
<script type="text/javascript" src="public/js/jquery.js"></script>
<script type="text/javascript" src="public/js/WS.js"></script>
<script type="text/javascript" src="public/js/main.js"></script>
<script type="text/javascript" src="public/js/functions.js"></script>
<script type="text/javascript" src="public/js/friend.js"></script>

</html>